<template>
  <div class="nav">
    <div>
      <router-link to="/risk">
        <img src="@/assets/image/1.png" alt="" />
        <div>风险地区</div></router-link
      >
    </div>
    <div>
      <router-link to="/nuclein"
        ><img src="@/assets/image/2.png" alt="" />
        <div>核算检测</div></router-link
      >
    </div>
    <div>
      <router-link to="/prevention"
        ><img src="@/assets/image/3.png" alt="" />
        <div>防疫物资</div>
      </router-link>
    </div>
    <div>
      <router-link to="/travel">
        <img src="@/assets/image/4.png" alt="" />
        <div>出行政策</div></router-link
      >
    </div>
  </div>
</template>
<script>
export default {
  data () {
    return {}
  },
  created () {},
  components: {},
  computed: {},
  methods: {}
}
</script>
<style lang="less" scoped>
.nav {
  display: flex;
  padding-bottom: 0.2rem;

  > div {
    flex: 1;
    text-align: center;
    color: #666;
    img {
      width: 0.8rem;
      height: 0.8rem;
    }
  }
}
</style>
